<template>
  <el-card class="orderProcess" shadow="hover">
    <el-steps :active="active" align-center>
      <el-step title="提交订单" icon="el-icon-s-order"></el-step>
      <el-step title="确认支付" icon="el-icon-bank-card"></el-step>
      <el-step title="完成购买" icon="el-icon-success"></el-step>
    </el-steps>
    <br><br><br>
     <el-col :sm="12" :lg="6">
    <el-result icon="success" title="支付成功" subTitle="">
      <template slot="extra">
        <el-button type="primary" size="medium" @click="back">返回首页</el-button>
      </template>
    </el-result>
  </el-col>
  
  </el-card>

</template>



<script>
  import {
    findById
  } from "@/api/user";


  export default {
    data() {

      return {
        active:2,
        info: {
          persons: [{
              id: 1,
              name: '',
              customerId: '',
              customerTelphone: '',
              customerNationality: ''
            },
            {
              id: 2,
              name: '',
              customerId: '',
              customerTelphone: '',
              customerNationality: ''
            }
          ],
          book: {
            bookName: '',
            bookTel: '',
          }
        },
        amount:"4240.00"
      };
    },

    created() {

    },

    methods: {
      next() {
        if (this.active++ > 2) this.active = 0;
      },
      back(){
        this.$router.push({
          name:"GoodsDetails"
        })
      }
    },
  };

</script>

<style scoped>
  .orderProcess {
    width: 80%;
    border: solid rgb(174, 236, 221) 1px;
    border-radius: 4px;
    /* height: 15em; */
    margin-top: 40px;
    margin-left: 100px;
  }

  el-input {
    width: 200px;
  }

</style>
